.mr20{
    margin-right:20px;
}
.mT20{
    margin-top: 20px;
}
.upColor{
    color:#f00;
}
.downColor{
    color:#0f0;
}
//start-------preChart
.preChart{
    .preCard{
        display: flex;
        flex-flow: row;
        justify-content: space-around;
        color:rgb(0 0 0 / 65%);
        .cardCon{
            width:24%;
        }
        .cardHead{
            width:100%;
            height:auto;
            border-bottom:solid 1px #efefef;
            padding-bottom:6px;
            .cardHead_top{
                width:100%;
                display: flex;
                justify-content: space-between;
            }
            .cardHead_center{
                width:100%;
                display: flex;
                flex-flow: column;
                align-items: flex-start;
            }
        }
        .cardTitle{
            width:100%;
        }
    }
}
//end -----preChart
//start----preTab
.preTab{
    width:100%;
    display: flex;
    justify-content: space-between;
    .leftTab{
        flex:3;
        margin-right:12px;
    }
    .rightTab{
        flex:1;
    }
    .salesExtraWrap {
        width:300px;
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        .checkedData{
            color: #1890ff !important;
        }
        .dateLi{
            display: flex;
            flex:1;
            justify-content: space-between;
            margin-top:6px;
        }
        .dateArea{
            flex:1;
            margin-left:20px;
        }
        
      }
    .conTab{
        width:100%;
        display: flex;
    }
    .rankArea{
        width:100%;
        height:auto;
        display: flex;
        flex-flow: column;
        .title{
            font-size: 14px;
            font-weight: 600;
        }
        .rankUl{
            width:100%; 
            height:150px;
            overflow-y: scroll;
        }
        .rankRow{
            width:100%;
            height:30px;
            padding:0 6px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom:solid 1px #efefef;
        }
    }
}
//end----preTab
//start----preSreach
.preSreach{
    display: flex;
    flex-flow: column;
    .topSreach{
        display: flex;
        flex-flow: row;
        justify-content: space-between;
    }
    .liSreach{
        flex:1;
    }
}
.preTable{
    
}
//end----preSreach



